﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Print</title>
    <meta name="description" content="Sistema de Gestión.">
    <meta name="generator" content="Bootply" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if lt IE 9]>
			<script src="assets/html5Shiv/3.7.0.js"></script>
		<![endif]-->
    <link href="assets/jquery-ui/1.11.0/css/jquery-ui.1.11.0.css" rel="stylesheet" media="screen" />
    <link href="assets/bootstrap/3.1.1/css/bootstrap.3.1.1.css" rel="stylesheet" media="screen" />
    <link href="assets/font-awesome/4.1.0/css/font-awesome.4.1.0.css" rel="stylesheet" media="screen" />
    <link href="assets/backgrid/0.3.5/css/backgrid.0.3.5.css" rel="stylesheet" media="screen" />

    <link href="assets/jquery-ui/1.11.0/css/jquery-ui.1.11.0.css" rel="stylesheet" media="print" />
    <link href="assets/bootstrap/3.1.1/css/bootstrap.3.1.1.css" rel="stylesheet" media="print" />
    <link href="assets/font-awesome/4.1.0/css/font-awesome.4.1.0.css" rel="stylesheet" media="print" />
    <link href="assets/backgrid/0.3.5/css/backgrid.0.3.5.css" rel="stylesheet" media="print" />

    <style>
     @media print {
         .row {
             display:none;
         }
     }
    </style>
</head>
<body>
    <button id="printBtn">Print</button>

    <!--<div id="catalog" class="row" style="margin:0 10px 0 10px;"><table class="backgrid"><thead><tr><th class="editable sortable renderable number"><a>Código<b class="sort-caret"></b></a></th><th class="editable sortable renderable name"><a>Nombre<b class="sort-caret"></b></a></th><th class="editable sortable renderable price"><a>Precio<b class="sort-caret"></b></a></th><th class="editable sortable renderable description"><a>Descripción<b class="sort-caret"></b></a></th></tr></thead><tbody><tr><td class="string-cell string-center-cell editable sortable renderable">1</td><td class="string-cell string-center-cell editable sortable renderable">Lavandina</td><td class="number-cell currency-cell editable sortable renderable">35.20</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">2</td><td class="string-cell string-center-cell editable sortable renderable">Fideos</td><td class="number-cell currency-cell editable sortable renderable">10.50</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">3</td><td class="string-cell string-center-cell editable sortable renderable">Carne</td><td class="number-cell currency-cell editable sortable renderable">58.00</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">4</td><td class="string-cell string-center-cell editable sortable renderable">Agua</td><td class="number-cell currency-cell editable sortable renderable">25.75</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">5</td><td class="string-cell string-center-cell editable sortable renderable">Gaseosa</td><td class="number-cell currency-cell editable sortable renderable">35.85</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">6</td><td class="string-cell string-center-cell editable sortable renderable">Jugo</td><td class="number-cell currency-cell editable sortable renderable">5.85</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr><tr><td class="string-cell string-center-cell editable sortable renderable">7</td><td class="string-cell string-center-cell editable sortable renderable">Yerba</td><td class="number-cell currency-cell editable sortable renderable">29.25</td><td class="string-cell string-left-cell editable sortable renderable"></td></tr></tbody></table></div>-->
    <div id="billPrintTemplate" style="position:relative;padding:0;margin:0;height:auto;width:100%;">
        <div style="position:relative;padding:0;margin:5px auto 0 auto;height:auto;width:600px;">
            <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
                <div style="position:relative;float:left;margin-left:150px;width:300px;font-weight:bold;text-align:center;">Documento de venta N°{{id}}</div>
                <div style="position:relative;float:left;left:0;width:140px;text-align:right;">{{datetime}}</div>
            </div>
            <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
                <div style="position:relative;float:left;width:450px;font-weight:bold;">{{name}}</div>
                <div style="position:relative;float:left;width:140px;font-weight:bold;text-align:right;">{{code}}</div>
            </div>
            <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
                <div style="position:relative;float:left;width:450px;">{{address}}</div>
                <div style="position:relative;float:left;width:140px;text-align:right;">{{city}}</div>
            </div>
            <div style="position:relative;margin:0 0 30px 0;padding:0;left:0;width:100%;">
                <div style="position:relative;float:left;width:450px;">{{telephone}}</div>
                <div style="position:relative;float:left;width:140px;text-align:right;"></div>
            </div>
            {{#each items}}
            <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
                <div style="position:relative;float:left;width:100px;margin:0;font-weight:bold;text-align:left;">{{code}}</div>
                <div style="position:relative;float:left;width:95px;margin:0 0 0 5px;text-align:right;">{{count}}</div>
                <div style="position:relative;float:left;width:280px;margin:0 0 0 20px;text-align:left;">{{description}}</div>
                <div style="position:relative;float:left;width:90px;margin:0 0 0 5px;text-align:right;">{{price}}</div>
            </div>
            {{/each}}
            <div style="position:relative;margin:0;padding:0;left:0;width:100%;display:inline-block;">
                <div style="position:relative;float:left;left:0;width:100px;margin:0;font-weight:bold;text-align:left;">Total</div>
                <div style="position:relative;float:left;left:0;width:95px;margin:0 0 0 5px;text-align:right;">&nbsp;</div>
                <div style="position:relative;float:left;left:0;width:280px;margin:0 0 0 20px;text-align:left;">&nbsp;</div>
                <div style="position:relative;float:left;left:0;width:90px;margin:0 0 0 5px;font-weight:bold;text-align:right;">{{price}}</div>
            </div>
        </div>
    </div>

        <script src="assets/jquery/1.11.1/js/jquery.1.11.1.js"></script>
        <script src="assets/printarea/2.1.0/js/jquery.printarea.2.1.0.js"></script>
        <script>
            $('#printBtn').click(function () {
                $('#billPrintTemplate').printArea();
            });
        </script>
</body>
</html>
